Sizing

Relative to the parent

We have added some sizes 30 40 60 90 dan lainnya.

Width 30%

Width 40%

Width 60%

Width 90%

other

<div class="bg-ghost-white w-30 p-20">Width 30%</div>
<div class="bg-ghost-white w-40 p-20">Width 40%</div>
<div class="bg-ghost-white w-60 p-20">Width 60%</div>
<div class="bg-ghost-white w-90 p-20">Width 90%</div>

Sass

Utilities API

Sizing Utilities produced from scss/components/bootstrap/_utilities.scss

"width": (
    responsive: true,
    property: width,
    class: w,
    values: (
        25: 25%,
        30: 30%,
        34: 34%,
        35: 35%,
        40: 40%,
        45: 45%,
        50: 50%,
        60: 60%,
        65: 65%,
        70: 70%,
        75: 75%,
        85: 85%,
        90: 90%,
        95: 95%,
        100: 100%,
        auto: auto
    )
),
"height": (
    responsive: true,
    property: height,
    class: h,
    values: (
        25: 25%,
        30: 30%,
        34: 34%,
        35: 35%,
        40: 40%,
        45: 45%,
        50: 50%,
        60: 60%,
        65: 65%,
        70: 70%,
        75: 75%,
        85: 85%,
        90: 90%,
        95: 95%,
        100: 100%,
        auto: auto
    )
),